<template>
    <div
        class='blank'
        :style="{
            height: `${height}px`,
            backgroundColor: bgColor
        }">
    </div>
</template>

<script>
// mixins
export default {
    name: 'blank',
    props: ['data'],
    data() {
        return {}
    },
    beforeMount() {},
    computed: {
        /**
         * blank 高度
         *
         * @param {String}
         */
        height() {
            return this.data.allValue.height
        },
        /**
         * 背景颜色
         *
         * @param {String}
         */
        bgColor() {
            return this.data.allValue.bgColor
        }
    }
}
</script>

<style scoped>

</style>